<h3><a href="#/board/<%- card_user[0].attributes.board_id%>"><%- key %></a></h3>
<div class="board-viewlist col-xs-12 table-responsive">
	<table class="table">
		<thead>
			<tr>
				<th>
					<ul class="list-inline navbar-btn clearfix">	
						<li class="col-md-1 col-xs-2"><%- i18next.t("ID") %></li>
						<li class="col-md-4 col-xs-3 pl0"><%- i18next.t("Card Name") %></li>
						<li class="col-md-4 col-xs-3 pl0"><%- i18next.t("List Name") %></li>
						<li class="col-md-3 col-xs-4"></li>                            
					</ul>
				</th>
			</tr>
		</thead>
		<tbody class="js-card-list-view-11">
	<% _.each(card_user, function(user_card) { %>
		<% if(parseInt(user_card.attributes.is_archived) === 0) { %>
			<tr>
			<td>
				<div class="panel cur pl0" id="js-card-1449">
					<div class="panel-body pl0"> 
						<ul class="list-inline navbar-btn clearfix js-open-model-car-view" data-id="<%- user_card.id%>">
							<li class="col-md-1 col-xs-2 pl0"><span class="card-id">#<%- user_card.id%></span></li>
							<li class="col-md-4 col-xs-3 pl0"><span class="js-open-model-car-view" data-id="<%- user_card.id%>" title="<%- user_card.attributes.name %>"><%= filterXSS(user_card.attributes.name) %></span></li> 
							<li class="col-md-4 col-xs-3 pl0"><span title="<%- user_card.attributes.list_name %>"><%- user_card.attributes.list_name %></span></li>
							<li class="col-md-3 col-xs-4 pl0">
								<ul class="list-inline text-muted clearfix">
									<% if(user_card.attributes.cards_subscriber_count > 0){ %>
										<li><small title="<%- i18next.t('Subscribed') %>"><span class="icon-eye-open"></span></small></li>
									<% } %> 
									<% if(user_card.attributes.card_voter_count > 0){ %>
									<li><small title="<%- i18next.t('{{count}} Vote', {count: user_card.attributes.card_voter_count}) %>"><span class="icon-thumbs-up"></span><span><%- user_card.attributes.card_voter_count %></span></small></li>
									<% } %>
									<% if(user_card.attributes.comment_count > 0){ %>
										<li><small title="<%- i18next.t('{{count}} Comment', {count: user_card.attributes.comment_count}) %> "><span class="icon-comment"></span><span><%- user_card.attributes.comment_count %></span></small></li>
									<% } %>
									<% if(!_.isEmpty(user_card.attributes.description)){ %>
										<li><small title="<%- i18next.t('Description') %>"><span class="icon-align-left"></span><span></span></small></li>
									<% } %>
									<% if(user_card.attributes.checklist_item_count > 0){ %>
										<li><small title="<%- i18next.t('%s checklist completed out of %s', { postProcess: 'sprintf', sprintf: [user_card.attributes.checklist_item_completed_count, user_card.attributes.checklist_item_count]}) %> "><% if(user_card.attributes.checklist_item_completed_count == user_card.attributes.checklist_item_count) { %><div class="label label-success"> <% } %><span class="icon-list-ul"></span><span><%- user_card.attributes.checklist_item_completed_count %>/<%- user_card.attributes.checklist_item_count %></span><% if(user_card.attributes.checklist_item_completed_count == user_card.attributes.checklist_item_count) { %></div><% } %></small></li>
									<% } %> 
									<% if(!_.isUndefined(user_card.attributes.due_date) && !_.isEmpty(user_card.attributes.due_date) && user_card.attributes.due_date != 'NULL'){
										var date_times = user_card.attributes.due_date.split('T'),hours_mins;
										var date_time = date_times[0].split(' ');
										if (_.isUndefined(date_times[1])) {
											var time_split = user_card.attributes.due_date.split(' ');
											date_times[1] = time_split['1'];
										}
										if (!_.isEmpty(date_times[1])) {
											hours_mins = date_times[1].split(':');
											var noon = '';
											if (hours_mins[0] <= 12) {
												noon = 'AM';
											} else {
												noon = 'PM';
												hours_mins[0] = hours_mins[0] - 12;
												if (hours_mins[0] < 10) {
													hours_mins[0] = '0' + hours_mins[0];
												}
											}
											hours_mins = hours_mins[0] + ':' + hours_mins[1] + ' ' + noon;
										}	
										var today = new Date();
										card_due_date = user_card.attributes.due_date.split('T');
										var due_date = new Date(card_due_date[0]);
										var diff = Math.floor(due_date.getTime() - today.getTime());
										var day = 1000 * 60 * 60 * 24;
										var days = Math.floor(diff / day);
										var label;
										if (days < -1) {
											label = 'label-danger';
										} else if (days == -1) {
											label = 'label-present';
										} else if (days > -1) {
											label = 'label-future';
										}
									%>
									<% if(!_.isUndefined(label) && !_.isEmpty(label) && label != null) { %>
										<li><small title=" <%- i18next.t('Due Date') %>"><span class="label <%- label %>"><%= dateFormat(date_time[0], 'mediumDate')  %>&nbsp; <%- hours_mins %></span></small></li>
									<% }
									} %>
									<% if(user_card.attributes.attachment_count > 0){ %>
										<li>
											<small title="<%- i18next.t('{{count}} Attachment', {count: user_card.attributes.attachment_count}) %> ">
												<span class="icon-paper-clip"></span>
												<span>
												<%- user_card.attributes.attachment_count %>
												</span>
											</small>
										</li>
									<% } %> 
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</td>
		    </tr>
		<% } %>
	<% }); %>
	 </tbody>
	</table>
</div>